<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #Test1{
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-family: 楷体;
        }
        
        #Test2{
            font-size: 16px;
            font-weight: normal;
            font-style: italic;
            font-family: 宋体;
        }

        #Test3{
            /*字体大小不写px该设置失效*/
            font-size: 18;
            font-weight: 100;
            font-family: "Times New Roman";
        }

        #Test4{
            font:italic 700 18px Cursive;
        }

        #Test5 {
            font-size: 20px;
            font-weight:400;
            font-family:宋体,幼圆,sans-serif;
        }
    </style>
</head>
<body>
    <p id = "Test1">测试案例1</p>
    <p id = "Test2">测试案例2</p>
    <p id = "Test3">测试案例3</p>
    <p id = "Test4">测试案例4</p>
    <p id = "Test5">测试案例5</p>
</body>
</html>